<script>
import { reactive, toRefs, getCurrentInstance, onMounted } from "vue";

import MallModel from "../../components/3DModel/MallModel.vue";
export default {
  components: { MallModel },
  setup() {
    const state = reactive({
      tracksData: [],
      loading: false
    });

    const { proxy } = getCurrentInstance();

    const getTraceData = async (currentPage, queryKey) => {

      const data = await proxy.$API.peopleTrace.trace.get()
      state.tracksData = data.rows
      state.loading = true
    };

    onMounted(() => {
      getTraceData()
    })


    return { ...toRefs(state) };
  },
};
</script>

<template>
  <MallModel :tracksData="tracksData" v-if="loading" />
</template>

<style scoped></style>